<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>天天生鲜-注册</title>
    <link rel="stylesheet" type="text/css" href="/static/css/reset.css">
    <link rel="stylesheet" type="text/css" href="/static/css/main.css">
    <script type="text/javascript" src="/static/js/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="/static/js/register.js"></script>
</head>
<body>
<div class="register_con">
    <div class="l_con fl">
        <a class="reg_logo"><img src="/static/images/logo02.png"></a>
        <div class="reg_slogan">足不出户 · 新鲜每一天</div>
        <div class="reg_banner"></div>
    </div>

    <div class="r_con fr">
        <div class="reg_title clearfix">
            <h1>用户注册</h1>
            <a href="/user_login/">登录</a>
        </div>
        <div class="reg_form clearfix">
            <form action="/user_register/" method="POST">
                <span style="color:red">{{ msg }}
                    {% for key,err in user_register_form.errors.items %}
                        {{ err }}
                    {% endfor %}</span>
                <ul>
                    <li>
                        <label>用户名:</label>
                        <input type="text" name="username" id="user_name">
                        <span class="error_tip">提示信息</span>
                    </li>
                    <li>
                        <label>密码:</label>
                        <input type="password" name="password" id="pwd">
                        <span class="error_tip">提示信息</span>
                    </li>
                    <li>
                        <label>确认密码:</label>
                        <input type="password" name="c_password" id="cpwd">
                        <span class="error_tip">提示信息</span>
                    </li>

                    <li>
                        <label>邮箱:</label>
                        <input type="text" name="email" id="email">
                        <span class="error_tip">提示信息</span>
                    </li>


                    <li>
                        <label>验&nbsp;证&nbsp;码:</label>
                        {{ user_register_form.captcha }}

                    </li>


                    <li class="agreement">
                        {#                        <input type="checkbox" name="allow" id="allow" checked="checked">#}
                        <label>注册即表示同意”天天生鲜用户使用协议“</label>
                        {#                        <span class="error_tip2">提示信息</span>#}
                    </li>
                    <li class="reg_sub">
                        <input type="submit" value="注 册" name="">
                    </li>
                </ul>
            </form>
        </div>

    </div>

</div>

<div class="footer no-mp">
    <div class="foot_link">
        <a href="#">关于我们</a>
        <span>|</span>
        <a href="#">联系我们</a>
        <span>|</span>
        <a href="#">招聘人才</a>
        <span>|</span>
        <a href="#">友情链接</a>
    </div>
    <p>CopyRight © 2016 北京天天生鲜信息技术有限公司 All Rights Reserved</p>
    <p>电话：010-****888 京ICP备*******8号</p>
</div>


<script>
    $('img.captcha').click(function () {
        $.getJSON('/captcha/refresh/', function (json) {
            // This should update your captcha image src and captcha hidden input
            console.log(json);
            $("img.captcha").attr("src", json.image_url);
            $("#id_captcha_0").val(json.key);
        });

        return false;
    });
</script>
</body>
</html>